<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>AI音乐后台管理系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<c:set var="ctx" value="${pageContext.request.contextPath}" />
	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/ace-skins.min.css" />
	<script type="text/javascript" src="${ctx}/assets/js/ace-extra.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/typeahead-bs2.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.easy-pie-chart.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/jquery.sparkline.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.pie.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/flot/jquery.flot.resize.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="${ctx}/assets/js/ace.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${ctx}/js/base.js"></script>
	<script type="text/javascript" src="${ctx}/js/admin/adminmain.js"></script>
	<script type="text/javascript" src="${ctx}/js/admin/adminAddmp3mv.js"></script>
</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<%@include file="admintop.jsp"%>
	</div>
	<div class="main-container-inner">
		<a class="menu-toggler" id="menu-toggler" href="#"> <span
			class="menu-text"></span> </a>

		<div class="sidebar" id="sidebar">
			<%@include file="admincategory.jsp"%>
		</div>

		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home home-icon"></i> <a
						href="action?key=adminMainPageModel&adminname=${user.user_name }&adminpwd=${user.password}&user=${user}">首页</a>
					</li>
					<li class="active">AI音乐后台</li>
				</ul>
				<!-- .breadcrumb -->

				<div class="nav-search" id="nav-search">
					<form class="form-search"
						action="action?key=adminFindEstByInfoModel&lastname=${user.user_id }"
						method="post">
						<span class="input-icon"> <input type="text"
							placeholder="输入非法关键字回车查询评论" style="width: 300px;"
							class="nav-search-input" name="searchInput" id="searchInput"
							autocomplete="off" /> <i class="icon-search nav-search-icon"></i>
						</span>

					</form>
				</div>
				<!-- #nav-search -->
			</div>

			<div class="page-content">
				<div class="page-header">
					<h1>
						控制台 <small> <i class="icon-double-angle-right"></i> 查看 </small>
					</h1>
				</div>
				<!-- /.page-header -->

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="alert alert-block alert-success">
							<button type="button" class="close" data-dismiss="alert">
								<i class="icon-remove"></i>
							</button>
							<i class="icon-ok green"></i> 欢迎使用 <strong class="green">
								ai音乐后台管理系统 <small>(v1.2)</small> </strong>
						</div>
						<div class="page-content">
							<div class="page-header">
								<h1>
									添加mp3歌曲 <small> <i class="icon-double-angle-right"></i>
									</small>
								</h1>
							</div>
							<!-- /.page-header -->
							<div class="row">
								<div class="col-xs-12">
									<!-- PAGE CONTENT BEGINS -->
									<div class="space-24" style="margin: 0 auto;"></div>
									<!--  <form action="adminAddmp31.do" method="post"
										enctype="multipart/form-data" style="width: 100%">-->
									<%@include file="../../ajaxfile.jsp"%>
									<!-- <input id="mp3file" type="file" name="mp3file"style="margin-left: 20%" /><br /> 
									<input id="upfile"type="submit" value="点 击 上 传 M P 3 文 件  "class="btn btn-sm btn-success"
										style="margin-left: 20%" /> <span id="upfilespan"></span>
									 --><!-- </form> -->
									<div class="space-24"></div>
									<form class="form-horizontal" method="post"
										action="adminAddmp32.do">
										<input type="hidden" value="" name="mp3" id="hiddenmp3">
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right"
												for="form-field-1"> 歌名 </label>
											<div class="col-sm-9">
												<input type="text" name="song_name" id="form-field-1"
													placeholder="输入歌名" class="col-xs-10 col-sm-5">
											</div>
										</div>
										<div class="space-4"></div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right"
												for="form-field-1">歌手名</label>
											<div class="col-sm-9" style="width:362px;">
												<select class="form-control" id="singerId"name="singer_id">
												  <c:if test="${!empty singer.singer_id}">
												 	 <option value="${singer.singer_id}">${singer.singer_name}</option>
												  </c:if>
												</select>
											  <c:if test="${empty singer.singer_id}">
											    <span id="monesinger"><a><img src="../image/img/genduo.png" title="更多"/></a></span>
											  </c:if>
											  <input type="hidden" value="${singer.singer_id}" name="singer_mone" id="singer_mone">
											</div>
										</div>
										<div class="space-4"></div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right"
												for="form-field-1"> 专辑名称 </label>

											<div class="col-sm-9" style="width:362px;">
												<select class="form-control" id="specialId"
													name="special_id">
													<!-- <c:forEach items="${specialList}" var="special">
														<option value="${special.specialid}">${special.specialname}</option>
													</c:forEach> -->
												</select><span id="monespecial"><a><img src="../image/img/genduo.png" title="更多"/></a></span>
												<div id="songHead"
													style="display:none; z-index:100; margin-left:-120px;width:810px;">
													<!-- <c:forEach begin="1" end="${imageLenght}" step="1"
														varStatus="status">
														<div id="${status.index }"
															style="float:left; width: 200px;height: 200px;filter:alpha(opacity=50);z-index: 3;cursor: hand;">
															<img src="../image/song/${status.index }.jpg"
																style="width: 200px; height: 200px;float: left;"
																onmouseover="showfilter(${status.index })"
																onmouseout="hidefilter(${status.index })"
																onmousedown="save_img(${status.index })" />
														</div>
													</c:forEach> -->
												</div>
											</div>
										</div>

										<div class="space-4"></div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right"
												for="form-field-1"> 歌曲路径 </label>

											<div class="col-sm-9">
												<input type="text" id="fileName" placeholder="请先选择歌曲文件"
													name="fileName" value="">

											</div>
										</div>
										<div class="space-4"></div>
										<div class="space-4"></div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right">是否为VIP歌曲</label>
											<div class="col-sm-9">
												<label class="inline"> <input name="isvipsong"
													type="radio" class="ace" checked="checked" value="1">
													<span class="lbl"> VIP</span> </label> &nbsp; &nbsp; &nbsp; <label
													class="inline"> <input name="isvipsong"
													type="radio" class="ace" value="0"> <span
													class="lbl">普通</span> </label>
											</div>
										</div>
										<div class="space-4"></div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right"
												for="form-field-1"> 歌曲图片 </label>
											<div class="col-sm-9">
												<input type="text" id="songHeadUrl" placeholder="选择MP3图片"
													name="song_head"> <i class="icon-leaf green"></i>
											</div>
										</div>
										<div class="space-4"></div>
										<div class="clearfix form-actions">
											<div class="col-md-offset-3 col-md-9">
												<button class="btn btn-info" type="submit">
													<i class="icon-ok bigger-110"></i> 添加MP3
												</button>

												&nbsp; &nbsp; &nbsp;
												<button class="btn" type="reset">
													<i class="icon-undo bigger-110"></i> 清空填写
												</button>
											</div>
										</div>
										<div class="hr hr-24"></div>
									</form>
								</div>
								<!-- /.col -->
							</div>
							<!-- /.row -->
						</div>
						<!-- PAGE CONTENT ENDS -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->
			<div class="ace-settings-container" id="ace-settings-container">
				<%@include file="adminfoot.jsp"%>
			</div>
			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i> </a>
	</div>
</body>
</html>